<script src="../ExternalLibrary/js/vue.js"></script>

<!-----------------------------01.指令的参数 start---------------------------->
<fieldset>
    <legend>01.指令的参数</legend>
    <!-- 例子1： -->
    <!-- 指令名称冒号后的"href"就是指令参数 -->
    <!-- 告知v-bind指令将元素的href特性与表达式url的值绑定 -->
    <a v-bind:href="url">超链接</a>


    <!-- 例子2： -->
    <a v-on:click="doSomething"></a>
</fieldset>
<!-----------------------------01.指令的参数 end---------------------------->



<!-----------------------------02.指令的动态参数 start---------------------------->
<fieldset>
    <legend>02.指令的动态参数</legend>
    <!-- 从2.6.0版本开始,可以用方括号括起来的JavaScript表达式作为指令的参数 -->
    <!-- attributeName:会作为JS表达式求值,将结果作为参数-->
    <!-- attributename:在挂载到DOM时,会全部转化为小写 -->
    <a id="attr" v-bind:[attributename]="url">超链接</a>

    <script>
        var oVue = new Vue({
            el:"#attr",
            data:{
                attributename:"href",
                url:"http://www.baidu.com"
            }
        });
    </script>
</fieldset>
<!-----------------------------02.指令的动态参数 end---------------------------->